<template>
    <div class="test-container">
        <ImagerLoader
            src="http://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?fit=crop&crop=entropy&w=3456&h=2304"
            placeholder="http://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?w=100"
            :duration="1000"
            @load="handleLoaded"
        />
    </div>
   
</template>

<script>
import ImagerLoader from "@/components/ImagerLoader";
export default {
    components:{
        ImagerLoader,
    },
    methods:{
        handleLoaded(){
            console.log("图片加载完成");
        }
    }

}
</script>

<style>
.test-container{
    width: 500px;
    height: 400px;
    border: 2px solid;
    margin: 0 auto;
}
</style>